<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8"/>
        <title>Farrer Drive - Design</title>

        <!-- Mobile viewport optimisation -->
        <meta name="viewport" content="width=1280">
        <link href="css/styles.css" rel="stylesheet" type="text/css"/>
        <script src="lib/jquery-1.7.1.min.js"></script>
        <script src="js/custom.js"></script>
    </head>
    <body>
        <div class="wrapper">
            <div id="header">
                <img alt="" id="logo" onclick="window.location.href = './'"  src="images/logo.gif" />
            </div>
            <div id="main">

                <div class="slide-container">
                    <div class="menu">
                        <ul>
                            <li>
                                <span><a onclick="return movePage(this)" href="./">Home</a></span>
                            </li>
                            <li id="menu-active">
                                <span><a onclick="return movePage(this)" href="design.html">Design</a></span>
                            </li>
                            <li>
                                <span><a onclick="return movePage(this)" href="location.html">Location</a></span>
                            </li>
                            <li>
                                <span><a onclick="return movePage(this)" href="gardens.html">The Gardens</a></span>
                            </li>
                            <li>
                                <span><a onclick="return movePage(this)" href="facilities.html">Facilities</a></span>
                            </li>
                            <li>
                                <span><a onclick="return movePage(this)" href="interior.html">Interior</a></span>
                            </li>
                            <li>
                                <span><a onclick="return movePage(this)" href="floorplans.html">Floor Plans</a></span>
                            </li>
                            <li>
                                <span><a onclick="return movePage(this)" href="gallery.html">Gallery</a></span>
                            </li>
                            <li>
                                <span><a onclick="return movePage(this)" href="contactus.html">Contact us</a></span>
                            </li>
                            <li>
                                <span><a onclick="return movePage(this)" href="developer.html">Developer</a></span>
                            </li>
                        </ul>
                    </div>
                    <div class="images-container">
                        <img width="100%" style="float: left" class="flexible" alt="Farrer Drive" src="images/design.jpg"　/>
                    </div>
                </div>
            </div>
            <div id="footer">
                <!--                <img src="images/footer-text.png" style="float: right; width: 70%; margin-right: 44px; margin-top: 36px;"/>-->
                <div style="float: right; width: 100%;">
                    <div id="footer-left">welcome to Pollen & Bleu</div>
                    <div id="footer-right">
                        Imagine a place where all things small can be beautiful and great. A place where
                        the birds chirp brighter, the grass is glossier and you revel in echoes of children's
                        laughter.
                    </div>
                </div>
            </div>
        </div>

    </body>
</html>
